body {
	font-family: 'Lato', san-serif;
	font-size: 1em;
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdbdbd), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #bdbdbd, #FFFFFF); 
    background-image:    -moz-linear-gradient(top, #bdbdbd, #FFFFFF);
    background-image:     -ms-linear-gradient(top, #bdbdbd, #FFFFFF);
    background-image:      -o-linear-gradient(top, #bdbdbd, #FFFFFF);
}
::selection, ::-moz-selection {
	background:#bababa;
}

/* Header CSS */
.header {
	background: url('./images/banner.jpg') no-repeat;
	background-position: fixed;
    height: 100px;
    color: #fff;
    text-align: left;
	font-family: 'Lato', san-serif;
	font-weight: 900;
    font-size: 4em;
	padding-left: 90px;
	padding-top: 20px;
    text-decoration: strong;
    letter-spacing: 3px;
    position: relative;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 500; /* the stack order: foreground */
	margin: 0.1em 0;
	text-indent: -9999px;
}

/*Navigation CSS */
#navigation li {
	font-family: 'Lato', san-serif;
	list-style: none;
	display: block;
	float: left;
	margin: 1em;
}

#navigation li a{
	text-shadow: 0 2px 1px rgba(0,0,0,0.5);
	display: block;
	text-decoration: none;
	color: #f0f0f0;
	font-size: 1em;
	margin: 0.5em;
}

#navigation li a:hover{
	  opacity: 0.7;
}

#navigation li a:active{
	  color: #000000;
}

#navigation_container {
	margin: 0 auto;
	font-family: 'Lato', san-serif;
	width: 1100px;
}


nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

nav ul ul{
	display: none;
	float: none;
	padding: 0;
	margin: 0;
	position: absolute; 
	height: auto;
	width: 150px;
	z-index: 2;
	background-color: #5b5b5b;
}

nav ul li:hover > ul {
	display: block;
}

.reglog {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border-radius: 3px;
	
}
.reglog_text {
	font-size: 100px;
	text-align: center;
	letter-spacing: 13px;
}
.rectangle {
   background: #aaaaaa;
   height: 62px;
   position: relative;
   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
   box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   z-index: 500; /* the stack order: foreground */
   margin: 3em 0;
}

.l-triangle-top {
   border-color: #bbbbbb transparent transparent;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: left;
   top: 1px;
   left: -50px;
}
.l-triangle-bottom {
   border-color: transparent transparent #bbbbbb;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: left;
   top: -40px;
   left: -150px;
}

.r-triangle-top {
   border-color: #bbbbbb transparent transparent;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: right;
   right: -45px;
   top: -107px;
}
.r-triangle-bottom {
   border-color: transparent transparent #bbbbbb;
   border-style:solid;
   border-width:50px;
   height:0px;
   width:0px;
   position: relative;
   float: right;
   top: -149px;
   right: -145px;
}

.info {
	border-style: solid;
	margin-left: 100px;
	margin-right: 100px;
	padding: 15px;
	background: #FFFFFF;
	border-radius: 9px;
}

.info:before, .info:after {
	content: " ";
	display: table;
}

.info:after {
	clear: both;
}

h1 {
	font-family: 'Lato', san-serif;
	font-size: 1.5em;
}

footer {
	position: relative;
	text-align: right;
	padding-right: 100px;
}

/* profile CSS */
#message {
	float: right;
}

#details {
	float: left;
	width: 20%;
	margin-left: 5%;
}

#items {
	position: relative;
	float: right;

}

.selling {
	float: left;
	width: 150px;
	height: 150px;
	border-style: solid;
	margin: 9% 15px;
}

.save, #message {
	margin: 1.5% 7% 0;
	float: right;
}

/* shop CSS */
table, tr
{
	border: 5px double black;
	background-color: #C2C2C2;
}

td {
	background-color: #E6E6E6;
	width: 500px;
}

	